<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>理解mvvm模型</title>
    <script src="../js/vue.js"></script>
</head>
<body>

<div id="root">
    <!--    插值语法-->
    <!--{{}}中可以写js表达式    -->
    <h1> 测试1，{{$options}}</h1>
    <h1> 测试2，{{$emit}}</h1>
    <h1> 测试3，{{_data}}</h1>
</div>
</body>
<script type="text/javascript">
    //mvvm模型是数据驱动视图的一种模式
    //m是model代表数据
    //v是view代表视图
    //vm是view model 代表视图模型 在vue中是vue实例
    const vm = new Vue({
        el: '#root',
        data: {
            msg: 'hello,world',
            code: '123456'
        }
    });
    console.log(vm)
</script>
</html>